.navs {
  height: 40px;
  border-bottom: 1px solid rgb(212, 209, 209);
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}
.adm-tab-bar-wrap {
  min-height: 40px !important;
  justify-content: space-around !important;
}
.adm-tab-bar-item {
  flex: none !important;
}
.adm-tab-bar-item-title {
  font-size: 15px !important;
}
.adm-tab-bar-item-active {
  color: #dd001b !important;
  &::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    width: 100%;
    height: 4px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background: #dd001b;
  }
}

.main {
  margin-top: 41px;
}

@keyframes play {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
